*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.content{
    width: 100%;
    max-width: 640px;
}
.box{
    width: 100%;
    max-width: 640px;
    position: relative;
}
.bgPic{
    width: 100%;
}
.topBox
.headPic{
    border-radius: 50%;
    border: 3px solid white;
    width: 2.133333rem /* 80/37.5 */;
    height: 2.133333rem /* 80/37.5 */;
}
.headBox{
    display: flex;
    position: absolute;
    top: 1.066667rem /* 40/37.5 */;
    align-items: center;
    width: 10rem /* 375/37.5 */;
    padding: 0 .4rem /* 15/37.5 */;
}
.headBoxP2,
.headBoxP1{
    color: white;
    font-size: .48rem /* 18/37.5 */;
}
.headBoxP1{
    flex: 1;
    padding-left: .266667rem /* 10/37.5 */;
}
.headBoxP2{
    font-size: .533333rem /* 20/37.5 */;
}
.headText{
    display: flex;
    position: absolute;
    bottom: .533333rem /* 20/37.5 */;
}
.headText1{
    margin-left: 50px;
}
.headText2{
    margin-left: 2.133333rem /* 80/37.5 */;
}
.headText2,
.headText1{   
    width: 2.666667rem /* 100/37.5 */;
    text-align: center; 
    border: 1px solid white; 
    font-size: .426667rem /* 16/37.5 */;
    padding: .266667rem /* 10/37.5 */;
    border-radius: .56rem /* 21/37.5 */;
    color: white;
}
.content{
    background-color: #FFFFFF;
    width: 100%;
    padding: .4rem /* 15/37.5 */;
}
.contentPic{
    width: 1.6rem /* 60/37.5 */;
    height: 1.6rem /* 60/37.5 */;
}
.content3,
.content2,
.content1{
    padding: .133333rem /* 5/37.5 */;
    display: flex;
    border: 1px solid #ccc;
    border-radius: .266667rem /* 10/37.5 */;
    align-items: center;
}
.content2Pic{
    font-size: .373333rem /* 14/37.5 */;
}
.content1Pic,
.content3Pic{
    font-size: .426667rem /* 16/37.5 */;
}
.content3Pic{
    border: 1px solid blue;
    text-align: center;
    width: 2.133333rem /* 80/37.5 */;
    border-radius: .133333rem /* 5/37.5 */;
    line-height: .8rem /* 30/37.5 */;
    color: blue;
}
.content1Box{
    flex: 1;
    padding-left: .133333rem /* 5/37.5 */;
}
.content2{
    margin-top: .4rem /* 15/37.5 */;
    font-size: .426667rem /* 16/37.5 */;
    padding: .266667rem /* 10/37.5 */;
}
.content2>div{
    flex: 1 1 33.3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.content2>div p:nth-child(2){
    font-size: .32rem /* 12/37.5 */;
}
.content3{
    margin-top:.4rem /* 15/37.5 */;
    flex-wrap: wrap;
    width: 100%;
    padding: .266667rem /* 10/37.5 */;
}
.content3>div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 1.76rem /* 66/37.5 */;
    margin-top: .133333rem /* 5/37.5 */;
}
.pic3{
    width: .8rem /* 30/37.5 */;
}

.text3{
    font-size: .373333rem /* 14/37.5 */;
}
.kaitong{
    color: black;
    text-decoration: none;
    margin-left: 3px;
}
.content3Box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: .133333rem /* 5/37.5 */;
}